<template>
  <div class="list_empty" v-if="show=='01'">
    <p class="logoimg"><img src="@img/listEmpty01.png"/><span><font class="tmptytitle">{{contont.topText}}</font><br>{{contont.centerText}}</span></p>
  </div>
 <!-- <div class="list_empty" v-else-if="show=='02'">
    <p class="logoimg"><img src="../assets/images/dlogo16.png"/></p>
    <div class="emptycont"><div><p class="tmptytitle">11月暂无报告</p><p v-if="contont.centerText" v-html="contont.centerText"></p></div></div>
    <div class="list_empty_but"  v-if="but.bText">
      <a href="javascript:;" @click="butBtext">{{but.bText}}</a>
    </div>
  </div>-->
  <div class="list_empty" v-else-if="show=='02'">
    <p class="logoimg"><img src="@img/listEmpty01.png" v-if="logo=='01'" /><img src="@img/listEmpty01.png" v-else-if="logo=='02'" /><img src="@img/listEmpty01.png" v-else /></p>
    <div class="emptycont"><div><p class="tmptytitle" v-html="contont.topText"></p><p v-if="contont.centerText" v-html="contont.centerText"></p><p v-if="contont.bootomText" class="emptytime">{{contont.bootomText}}</p></div></div>
    <div class="list_empty_but" v-if="but.aText || but.bText">
      <a href="javascript:;" class="colFFFFFF"　@click="butAtext" v-if="but.aText">{{but.aText}}</a><a href="javascript:;" @click="butBtext" v-if="but.bText">{{but.bText}}</a>
    </div>
  </div>
  <div class="list_empty noBtn" v-else-if="show==='04'">
    <p class="logoimg"><img src="@img/listEmpty01.png"/></p>
    <p class="emptycont"><span><font class="tmptytitle">{{contont.topText}}</font></span></p>
  </div>
</template>

<script>
  export default {
        components: {
        },
        data () {
            return {
            }
        },
       props: {
           show:{ type:[String,Number] , default: "" },//01 02  03
           logo:{ type:[String,Number] , default: "" },//01 02
           contont:{
                   type: Object,
                   default:function(){
                       return {
                           "topText":"暂无相关信息！",
                           "centerText":"",
                           "bootomText":""
                       }
                   }
          },
           but:{
               type: Object,
               default:function(){
                   return {
                       "aText":"",
                       "bText":""
                   }
               }
           }
        },
        created(){

        },
        mounted(){
        },
        methods: {
            butAtext(){

                this.$emit('clickButAtext')
            },
            butBtext(){
                this.$emit('clickButBtext')
            }
        }
    }
</script>
<style lang="scss" scoped>
  .list_empty{
    margin: 0px auto;
    padding-top:5%;
    padding-bottom:0%;
  }
  .noBtn{
    padding-top:12%;
  }
  .list_empty .logoimg{
    text-align: center;
  }
  .list_empty .logoimg img{
    width: px2rem(318.6px);
    vertical-align: middle;
  }
  .list_empty .logoimg img.wht4{
    width: 6rem;
  }
  .list_empty .logoimg img.wht5{
    width: 5rem;
  }
  .list_empty .logoimg span{
    display: inline-block;
    min-height: px2rem(88px);
    line-height: px2rem(44px);
    text-align: left;
    color: #999999;
    vertical-align: middle;
    font-size: px2rem($fs);
  }
  .list_empty .logoimg span .tmptytitle{
    font-size: px2rem($fs_3);
    color: #666666;display: inline-block;
    margin-bottom: px2rem(30px);
  }
  .list_empty .emptycont{
    text-align: center;
    margin-top:px2rem(30px);
  }
  .list_empty .emptycont > div{
    display: inline-block;
    min-height: px2rem(88px);
    line-height: px2rem(44px);
    vertical-align: middle;
    font-size: px2rem($fs);
    margin-top:px2rem(30px);
  }
  .list_empty .emptycont > div .tmptytitle{
    font-size: px2rem($fs_3);
    color: #666666;display: inline-block;
    margin-bottom: px2rem(45px);
  }
  .list_empty .emptycont > div .emptytime{
    font-size: px2rem($fs_01);
    color: #999999;display: inline-block;
    margin-top: px2rem(30px);
  }
  .list_empty_but{
    text-align: center;
    margin: 0rem 0rem 0rem 0rem;
    margin-top: 4%;
  }
  .list_empty_but a{
    background: #2aa2aa;
    color: #FFFFFF;
    width: px2rem(500px);
    height:px2rem(90px);
    line-height: px2rem(90px);
    border-radius:7.5Px;
    margin: 0rem px2rem(30px) 0rem px2rem(30px);
    display: inline-block;
  }
  .list_empty_but a.colFFFFFF{
    color: #2aa2aa;
    background: #FFFFFF;
    border: 1Px solid #2aa2aa;
  }
</style>
